<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="/views/common/includeCommon.jsp"%>
<!DOCTYPE html>
<html lang="en_US">
    <head>
        <title>科目答卷截图列表</title>
        <script type="text/javascript" src="${ctx}/assets/jqueryplugin/jquery-migrate/jquery-migrate-1.4.1.js"></script>
        <script type="text/javascript" src="${ctx}/assets/jquery/browser.js"></script>
        <script type="text/javascript" src="${ctx}/assets/jqueryplugin/jquerycrop/jquery.imagezoom.js"></script>
        <script type="text/javascript">
        	var current = parseInt('${current}');
            var total = parseInt('${totalPage}');
            var previousPage = '${previousPage}';
            var nextPage = '${nextPage}';
            var areaId = '${areaId}';
        </script>
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/manage/style.css"/>
        <script type="text/javascript" src="${ctx}/static/js/manage/examPaper/subjective_detail.js"></script>
        <style type="text/css">
			label {
			    font-weight: normal;
			    color: #ffffff;
			}
			.fa {
			    display: inline-block;
			    font-family: FontAwesome;
			    font-style: normal;
			    font-weight: normal;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			    font-size: 16px;
			    -moz-osx-font-smoothing: grayscale;
			}
			.fa:hover {
			    display: inline-block;
			    font-family: FontAwesome;
			    font-style: normal;
			    font-weight: normal;
			    line-height: 1;
			    font-size: 16px;
			    color : #ef7309;
			}
			.radio-inline, .radio-inline+.radio-inline, .checkbox-inline, .checkbox-inline+.checkbox-inline {
			    margin-right: 0px !important;
			    margin-top: 5px !important;
			    margin-left: 22px !important;
			    margin-bottom: 10px !important;
			}
        </style>
    </head>
    <body>
    	<div class="clearfix"></div>
        <div class="row back-top-title">
			<div class="col-md-12">
				<a id="top_parent_menu_a" onclick="location.href='${contextPath}/role'" href="javascript:void(0);"><spring:message code="app.role.title" /></a>
				<span>&nbsp;<i class="fa fa-chevron-right"></i>&nbsp;修改</span>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<section class="panel paddingtop20">
                    <div class="panel-body">
			    		<c:choose>
							<c:when test="${empty pagination.datas}">
								<h5 style="margin: 15px;"><spring:message code="app.common.title.nodata"/></h5>
								<a href="#none" class="btn btn-default btn-cancel"><spring:message code="app.common.action.cancel" /></a>
							</c:when>
							<c:otherwise>
								<c:forEach items="${pagination.datas}" var="entity" varStatus="s">
									<input type="hidden" id="multiple" value="${entity.multiple}"/>
									<div class="pinned" style="z-index: 100;">
										<div class="pin_container">
											<c:choose>
												<c:when test="${empty entity.tmList}">
													<div style="margin-top: 10px;margin-bottom: 10px;font-weight:bold;">
														${entity.th}、${entity.areaTitle}：
														<input id="df_input" class="input_df" name="df" maxlength="5" value="${entity.score}"
														 cropId="${entity.id}" th="${entity.th}" mc="${entity.areaTitle}" fz="${entity.zfz}" 
														 style="width:60px;" onblur="checkNumberFormat(this.value,'df_input','${entity.id}','${entity.areaTitle}','${entity.zfz}',0)">
														（${entity.zfz}分）
													</div>
													<input type="hidden" id="tmlx" name="tmlx" value="0"/>
												</c:when>
												<c:otherwise>
													<c:forEach var="entity1" items="${entity.tmList}">
														<div style="margin-top: 10px;margin-bottom: 10px;font-weight:bold;">
															${entity1.th}、${entity1.mc}：
															<input id="df_${entity1.id}" class="input_df" name="df_${entity1.id}" maxlength="5" value="${entity1.score}"
															cropId="${entity.id}" th="${entity1.th}" mc="${entity1.mc}" fz="${entity1.fz}" 
															style="width:60px;" onblur="checkNumberFormat(this.value,'df_${entity1.id}','${entity.id}','${entity1.mc}','${entity1.fz}',1)">
															（${entity1.fz}分）
														</div>
														<div style="border-bottom: 1px #AFAFAF dotted;"></div>
														<input type="hidden" id="tmlx" name="tmlx" value="1"/>
													</c:forEach>
												</c:otherwise>
											</c:choose>
										
										<%-- <div style="margin-top: 10px;margin-bottom: 10px;line-height: 25px;">
											<span style="float: left;text-align: right;margin-right:5px;"><spring:message code="app.examPaper.title.ksbh"/></span>
											<input style="width:130px;float: left;color: #000;" id="ksbh_input" maxlength="20"
												placeholder="<spring:message code="app.examPaper.placeholder.ksbh" />">
											 <div style="clear:both;height:0;width:0"></div>
										</div> --%>
											<div style="margin-top: 10px;text-align: center;">
												<input type="hidden" id="picSizeCount" value="10"/>
												<input type="button" class="btn btn-primary btn-submit" value="<spring:message code="app.common.action.save" />"/>
											</div>
										</div>
									</div>
									<div class="box1">
										<div class="tb-booth1">
											<img id="oImage" class="jqzoom1" title="<spring:message code="app.common.image.placeholder.zoomPicture"/>" onmousewheel="return zoomPicture();" 
												src="${ctx}/static/paper_crop/${entity.filePath}" rel="${ctx}/static/paper_crop/${entity.filePath}"/>
											<span class="right_span1"></span>
										</div>
										<div>
											<div class="one-position-oper1">
												<a class="fa fa-minus" href="javascript:void(0);" title="<spring:message code="app.common.image.minus"/>">&nbsp;</a>
												<span id="oCounter" class="counterText">100%</span>
												<a class="fa fa-plus" href="javascript:void(0);" title="<spring:message code="app.common.image.plus"/>">&nbsp;</a>
											</div>
										</div>
										<div class="div_yjnr">
											<span style="font-weight: bold;">
											已阅【<font color="green">${entity.yys}</font>】份，剩余【<font color="red">${entity.dys}</font>】份，当前【${current}】/共【${entity.yys+entity.dys}】份</span>
										</div>
										<div class="div_button">
											<c:if test="${current > 1}">
												<button class="btn btn-primary btn-first">
													<i class="fa fa-step-backward"></i>&nbsp;<spring:message code="app.common.pagination.first" />
												</button>
												<button class="btn btn-primary btn-previous">
													<i class="fa fa-backward"></i>&nbsp;<spring:message code="app.common.pagination.previous" />
												</button>
											</c:if>
											<c:if test="${current != totalPage}">
												<button type="button" class="btn btn-primary btn-next">
											   		<i class="fa fa-forward"></i>&nbsp;<spring:message code="app.common.pagination.next" />
											   	</button>
											   	<button type="button" class="btn btn-primary btn-last">
											   		<i class="fa fa-step-forward"></i>&nbsp;<spring:message code="app.common.pagination.last" />
											   	</button>
											</c:if>
											<a href="#none" class="btn btn-default btn-cancel"><spring:message code="app.common.action.cancel" /></a>
										</div>
									</div>
								</c:forEach>
							</c:otherwise>
						</c:choose>
			    	</div>
			    </section>
			</div>
		</div>
    </body>
</html>